<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>



<!-- 文档地址 https://getbootstrap.net/docs/components/progress/ -->
<div class="progress" style="margin: 1rem">
	<div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>

<script type="text/javascript">
	//获取进度条
	var bar=$('.progress-bar');
	var value=0;
	var interval=setInterval(function(){
		value+=10;
		if (value==100) {
			clearInterval(interval);
		}

	  	bar.css('width', value+'%');//设置值
	  	console.log(value);
	  },1000);
	
</script>